<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./personHome.css" />
    <script type="text/javascript" src="./personHome.js"></script>
  </head>
  <body>
    <div class="flex-col space-y-130 page">
      <div class="flex-col space-y-16">
        <div class="flex-col group">
          <div class="section"></div>
          <div class="flex-row justify-between section_2">
            <div class="flex-col items-center text-wrapper"><span class="text">9:41</span></div>
            <div class="flex-row space-x-5 group_2">
              <img class="image" src="../../img/eb0eccd80283b8201edb842c4fdbfa4d.png" />
              <img class="image_2" src="../../img/e8ab5b1b2110de2444e01ed41ac61197.png" />
              <img class="image_3" src="../../img/d0f659d56ff6ec5038283e07733e2ec1.png" />
            </div>
          </div>
          <div class="flex-row justify-between group_3">
            <div class="flex-row space-x-8">
              <div class="group_4"></div>
              <div class="group_4"></div>
            </div>
            <img class="image_4" src="../../img/e65bfacf3baa11e2259b18e42f040674.png" />
          </div>
          <div class="flex-row space-x-12 group_5">
            <img class="image_5" src="../../img/3a46ebfa9a2eeb05214143dc03146714.png" />
            <div class="flex-col items-start space-y-11 group_6">
              <span class="text_2">灵感集</span>
              <span class="font_1 text_3">元气满满的一体~</span>
            </div>
          </div>
          <div class="flex-row justify-between section_3">
            <div class="flex-row">
              <img class="image_7" src="../../img/87bd2a4ba93deb6619d212a889784a01.png" />
              <span class="font_2 text_4">开通会员享受更多权益</span>
              <img class="image_6" src="../../img/7a60348ac68e4dbb46b4a889d4776e6c.png" />
            </div>
            <div class="flex-row space-x-4 group_7">
              <span class="font_1 text_5">去开通</span>
              <img class="image_8" src="../../img/31b4114b046975577bb0745cd612297e.png" />
            </div>
          </div>
        </div>
        <div class="flex-col space-y-14 group_8">
          <div class="flex-col section_4">
            <div class="flex-row justify-between group_9">
              <span class="font_2">学习记录</span>
              <div class="flex-row space-x-5 group_10">
                <span class="font_3">查看详情</span>
                <img class="image_9" src="../../img/ef87f7c64a17be4f19fba507df7f88f6.png" />
              </div>
            </div>
            <div class="divider"></div>
            <div class="flex-row space-x-2 equal-division">
              <div class="flex-col space-y-12 equal-division-item">
                <div class="flex-row justify-center space-x-6">
                  <span class="font_4 text_6">12</span>
                  <span class="font_1 text_7">天</span>
                </div>
                <span class="font_3 text_8">连续学习</span>
              </div>
              <div class="flex-col space-y-12 equal-division-item">
                <div class="flex-row justify-center space-x-6">
                  <span class="font_4 text_6">50</span>
                  <span class="font_1 text_7">分钟</span>
                </div>
                <span class="font_3 text_8">今日学习</span>
              </div>
              <div class="flex-col space-y-12 equal-division-item">
                <div class="flex-row justify-center space-x-6">
                  <span class="font_4 text_6">1/5</span>
                  <span class="font_1 text_7">节</span>
                </div>
                <span class="font_3 text_8">今日目标</span>
              </div>
            </div>
          </div>
          <div class="flex-col space-y-8 section_5">
            <span class="font_2 text_9">我的订单</span>
            <div class="flex-row space-x-5 equal-division_2">
              <div class="flex-col items-center space-y-11 equal-division-item_2">
                <img class="image_10" src="../../img/86be6bb5ecd51e7a49ead7d7a2532958.png" />
                <span class="font_1">订单专区</span>
              </div>
              <div class="flex-col items-center space-y-11 equal-division-item_2">
                <img class="image_11" src="../../img/78559a8374ba4ee1761fc70cbb5d8fd1.png" />
                <span class="font_1">我的钱包</span>
              </div>
              <div class="flex-col items-center space-y-11 equal-division-item_2">
                <img class="image_10" src="../../img/c1091b1ce9a039f4331d11799a6705bc.png" />
                <span class="font_1">学习卡</span>
              </div>
              <div class="flex-col items-center space-y-11 equal-division-item_2">
                <img class="image_11" src="../../img/0e6bfa439d31194f57faf4122d102d23.png" />
                <span class="font_1">我的收藏</span>
              </div>
            </div>
          </div>
          <div class="flex-col space-y-15 section_6">
            <span class="font_2 text_10">更多</span>
            <div class="flex-row space-x-58 group_11">
              <img class="image_12" src="../../img/f428357f6129201da5ba0fe8307b6f5f.png" />
              <img class="image_12" src="../../img/214cfab923220dadb1b86b02f4648bc8.png" />
            </div>
            <div class="flex-row space-x-43 group_12">
              <span class="font_1">意见反馈</span>
              <span class="font_1">设置</span>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row equal-division_3">
        <div class="flex-col items-center equal-division-item_3">
          <img class="image_10" src="../../img/bedc15196d2f907e5c873fd357eeec20.png" />
          <span class="font_5">首页</span>
        </div>
        <div class="flex-col items-center equal-division-item_3">
          <img class="image_10" src="../../img/4a9b04333a2461e2ea853be25bf9c741.png" />
          <span class="font_5">学习</span>
        </div>
        <div class="flex-col items-center equal-division-item_3">
          <img class="image_10" src="../../img/ddb5c6a4f275aa1c95037f493c64b73c.png" />
          <span class="font_5">发现</span>
        </div>
        <div class="flex-col items-center equal-division-item_3">
          <img class="image_10" src="../../img/0c3f3567d1ba95fe9d415890befffa92.png" />
          <span class="font_5 text_11">我的</span>
        </div>
      </div>
    </div>
  </body>
</html>